@use '../../styles/el/aside' as *;
@use '../../styles/el/button' as *;
@use '@xtail/vue3/es/components/SWatchSize/SWatchSize.css' as *;

.x-layout-side-resize {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;

  .x-layout-side-resize__content-container {
    flex: 1;
    overflow: hidden;

    .x-layout-side-resize__content {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
    }
  }

  .x-layout-side-resize__trigger {
    box-sizing: border-box;
    width: 100%;

    .x-layout-side-resize__trigger-btn {
      box-sizing: border-box;
      width: 100%;
    }
  }
}
